.home {
  margin: 0 auto;
  width: 100%;

  // .uls {
  //   width: 1200px;
  //   margin: 0 auto;
  //   padding: 20px 0 55px 0;
  //   // border: 1px solid;
  //   .lis {
  //     text-align: center;
  //     float: left;
  //     height: 40px;
  //     line-height: 40px;
  //     width: calc(1200px / 9);
  //     border-radius: 15px;
  //     list-style: none;

  //     &:hover {
  //       background-color: purple;

  //       a {
  //         font-size: 14px;
  //         color: #fff;
  //       }
  //     }
  //   }
  // }
  .shoplist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1200px;
    margin: 10px auto;
    overflow: hidden;
    text-align: center;

    .shopBox {
      width: 220px;
      height: 300px;
      border: 1px solid #ccc;
      overflow: hidden;
      margin: 10px 0;
      margin-left: -27px;

      .Img {
        width: 100%;
        height: 205px;
        overflow: hidden;

        img {
          width: 100%;
        }
      }

      h3 {
        display: block;
        font-size: 14px;
        height: 20px;
        width: 100%;
        line-height: 20px;
        text-align: center;
        margin: 20px 0;
      }

      p {
        text-align: center;
        color: red;
        font-size: 16px;
      }

      .mack {
        float: right;
      }
    }
  }
}

